/*chart container*/
.webix_chart{
	position:relative;
	font-family: @fontFamily;
	font-size:13px;
	color: @fontColor;
	overflow:hidden;
	z-index:1;
}
.webix_chart canvas {
    position: absolute;
}
/*labels*/
.webix_canvas_text{
	position:absolute;
	text-align:center;
	overflow:hidden;	
	white-space:nowrap;
	font-size: 12px;
    z-index: 80;
}
/*map*/
.webix_map_img{
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	border:0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity: 0;
}
/*scales*/
.webix_axis_item_y{
	position:absolute;
	height:18px;
	line-height:18px;

	/*line-height:10px;*/
	margin-top:-4px;
	text-align:right;
}

.webix_axis_item_x{
	padding-top: 2px;
}

.webix_axis_title_x{
	text-align:center;
	font-size:13px;
}
.webix_axis_title_y{
	text-align:center;
	font-family:Verdana;
	font-size:13px;
	/*safari*/
	-webkit-transform: rotate(-90deg);
    /*firefox*/
	-moz-transform: rotate(-90deg);
	/*opera*/
	-o-transform:rotate(-90deg);
    /*IE9*/
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	padding-left:3px;
}
.webix_ie_filter{
    /*IE8*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/*legend block*/
.webix_chart_legend{
    position:absolute;
    z-index: 81;
}
.webix_chart_legend_item{
    height:18px;
	line-height:18px;
	padding: 2px;
	cursor:pointer;
}
.webix_chart_legend_item.hidden{
    color: lighten(@fontColor, 50%);
}
.webix_axis_item_y.webix_radar{
    color: #555;
    font-size:11px;
    padding-right:3px;
    height:13px;
    line-height:13px;
    margin-top:0px;
}

.webix_canvas_text.webix_axis_radar_title{
    margin-top:0px;
    padding-top: 0px;
    color: lighten(@fontColor, 20%);
    font-size:12px;
}
.webix_axis_item_y, .webix_axis_item_x{
	color: lighten(@fontColor, 20%);

}
/*data frame*/
.webix_chart_frame{
	background-color: #a0cfef;
	height: 100%;
	opacity: 0.3;
	position: absolute;
	top: 0;
	z-index: 82;
	border-left:1px solid #3498db;
	border-right:1px solid #3498db;
	cursor: w-resize;
}
.webix_chart_resizer{
	background-image: url("");
	background-position: 3px center;
	background-repeat: no-repeat;
	border-radius: 2px;
	height: 20px;
	bottom: 0;
	width: 11px;
	z-index:83;
	position: absolute;
	background-color: #fff;
	border: 1px solid #cccccc;
	cursor: w-resize;
	&:focus{
		border-color:@mainColor;
	}
}
.webix_wresize_cursor{
	cursor: w-resize;
}
